* {
    margin:0;
    padding:0;
}
a {
    text-decoration: none;
}
li {
    list-style: none;    
}
.voicelistbox {
    width:870px;
    height:auto;
    padding-left:30px;
    float: left;
    margin-right:50px;
}
.voicelistbox .voiceing {
    width:840px;
    height:174px;
    margin-top:25px;
    margin-bottom: 50px;
}
.voicelistbox .voiceing:after {
    content: '.';
    height:0;
    visibility: hidden;
    display: block;
    clear: both;
}
.voicelistbox .voiceing .voiceimg {
    width:174px;
    height:174px;
    float: left;
}
.voicelistbox .voiceing .voiceimg img {
    width:174px;
    height:174px;
}
.voicelistbox .voiceing .voicetitle {
    width:640px;
    height:174px;
    float: left;
    margin-left:26px;
}
.voicelistbox .voiceing .voicetitle p {
    font-size:14px;
    color: #000;
    /*height:20px;*/
    line-height: 20px;
    width:640px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word;
    word-break: normal;
    /*margin-bottom:18px;*/
}
.voicelistbox .voiceing .voicetitle .evaluateimg {
    width:640px;
    height:23px;
    overflow: hidden;
    margin-bottom:25px;
}
.voicelistbox .voiceing .voicetitle .evaluateimg img {
    width:23px;
    height:23px;
}
.voicelistbox .voiceing .voicetitle .play {
    width:640px;
    height:16px;
    line-height:16px;
    color: #000;
    margin-bottom:20px;
}
.voicelistbox .voiceing .voicetitle .play em {
    font-style: normal;
}
.voicelistbox .voiceing .voicetitle .play .playfrequency {
    margin-right:40px;
}
.voicelistbox .voiceing .voicetitle .voiceoption {
    width:640px;
    height:50px;
    margin-top: 15px;
}
.voicelistbox .voiceing .voicetitle .voiceoption:after {
    content: '.';
    height:0;
    visibility: hidden;
    display: block;
    clear: both;
}
.voicelistbox .voiceing .voicetitle .voiceoption button {
    width:130px;
    height:50px;
    text-align: center;
    line-height:50px;
    font-size:14px;
    color: #000;
    border-radius: 9px;
    outline: none;
    border:none;
    float: left;
}
.voicelistbox .voiceing .voicetitle .voiceoption button:hover {
    background: #f00;
    color: #fff;
}
.voicelistbox .voiceing .voicetitle .voiceoption .share {
    margin-left: 40px;
}
.voicelistbox .voiceing .voicetitle .voiceoption .download {
    margin-left: 40px;
}
.voicelistbox  .voiceintroduce {


}
.voicelistbox .voiceintroduce p {
    width:840px;
    /*height:65px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    margin:10px 0;
    color: #000;
    font-size:14px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word;
    word-break: normal;
}
.voicelistbox .voiceplaylist {
    width:840px;
    height:auto;
    margin-bottom: 40px;
}
.voicelistbox .voiceplaylist .listheader {
    width:840px;
    height:30px;
    line-height:23px;
    border-bottom:1px solid #999;
}
.voicelistbox .voiceplaylist .listheader:after {
    content: '.';
    height:0;
    visibility: hidden;
    display: block;
    clear: both;
}
.voicelistbox .voiceplaylist .listheader h3 {
     color: #000;
     font-size:20px;
     float: left;
    margin-right:30px;
    font-weight:normal;
    padding-bottom:5px;
}
.voicelistbox .voiceplaylist .listheader span {
    color: #000;
    font-size:14px;
    float: left;
}
.voicelistbox .voiceplaylist .listcontent {
    width:840px;
    height:auto;
}
.voicelistbox .voiceplaylist .listcontent table {
    width:840px;
    height:auto;
    margin-top:30px;
}
.voicelistbox .voiceplaylist .listcontent table thead {
    width:840px;
    height:44px;
    background: rgba(242, 242, 242, 1);
}
.voicelistbox .voiceplaylist .listcontent table thead tr {
    width:840px;
    height:44px;
    border:none;
}
.voicelistbox .voiceplaylist .listcontent table thead tr td {
    width:840px;
    height:44px;
    line-height: 44px;
    text-align: center;
    font-size:14px;
    color: #000;
}
.voicelistbox .voiceplaylist .listcontent table thead tr td:nth-child(4n+1) {
    width:40%;
}
.voicelistbox .voiceplaylist .listcontent table tfoot {
    width:840px;
    height:44px;
    color:#fff;
}
.voicelistbox .voiceplaylist .listcontent table tfoot tr {
    width:840px;
    height:44px;
    border:none;
}
.voicelistbox .voiceplaylist .listcontent table tfoot tr td {
    width:840px;
    height:44px;
    line-height: 44px;
    text-align: center;
    font-size:14px;
    color: #000;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
}
.voicelistbox .voiceplaylist .listcontent table tfoot tr td span {
    position: absolute;
}
.voicelistbox .voiceplaylist .listcontent table tfoot tr td .spanone {
    top:10px;
    left:35px;
}
.voicelistbox .voiceplaylist .listcontent table tfoot tr td .spanone img {
    width:29px;
    height:29px;
}
.voicelistbox .voiceplaylist .listcontent table tfoot tr td .spantwo {
    top: 7px;
    left: 40px;
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); 	
    -moz-transform:rotate(90deg); 	
    -webkit-transform:rotate(90deg); 
    -o-transform:rotate(90deg);
}
.voicelistbox .voiceplaylist .listcontent table tfoot tr td .spantwo {
    width:13px;
    height:24px;
}
.voicelistbox .voiceplaylist .listcontent table tfoot tr td a {
    color: #000;
    cursor: pointer;
}
.voicelistbox .voiceplaylist .listcontent table tfoot tr td .spanthree {
    top:3px;
    left:75px;
}
#playbtn {
    display: block;
    width:130px;
    height:50px;
    background: #f00;
    color: #fff;
    float: left;
    border-radius: 9px;
    border:none;
    outline: none;
}
